<template>
  <div class="matrix">
    <div class="rect">
      <Decorate />
      <div class="screen">
        <div class="panel" id="panel">
          <div class="border">
            <div class="back" id="back">
              <div class="back_back">
                <p v-for="(i,index) in 20" :key="index">
                  <b v-for="(i,index) in 10" :key="index">
                  </b>
                </p>
              </div>
            </div>
          </div>
          <!-- <span class="square" ref="span"></span> -->
        </div>
        <div class="state">
          <div>
            <p>得分</p>
            <Number :s1=true />

            <p>最高分数</p>
            <Number :s2=true />

            <p v-if="this.changeCss">MAX 30</p>
            <p v-else>消除行</p>
            <Number :s3=true />

            <p>下一个</p>
            <Number :s4=true />

            <p>状态</p>
            <Number :s5=true />

          </div>
        </div>

        <Logo />


      </div>
    </div>

    <Keyboard />

  </div>



</template>

<script src="./index.js">

</script>

<style lang="less" scoped>
@import './index.less';
</style>